.todo-table {
  $status:
  #FFF2EB #FD8546 -1,
  #e2f8f2 #31cc9c 0,
  #eff4ff #406eff 1,
  #f2f8ec #87bf69 2,
  #FFF6DE #E0A607 4,
  #f2f8ec #87bf69 6,
  #fff0fa #fd6dd1 7,
  #f4f2ff #a691ff 8,
  #ebf6ff #48b8ff 9,
  #eff4ff #406eff 10,
  #f2f8ec #87bf69 11,
  #FFF6DE #E0A607 12,
  #F8E2E2 #FF4E5F 13,
  #FFF6DE #E0A607 14,
  #FFF6DE #E0A607 15,
  #f1eeff #a691ff 19,
  #F4E7FD #BE84FF 20,
  #eff4ff #406eff 21,
  #e2f8f2 #31cc9c 22,
  #ebf6ff #48b8ff 24,
  #fff0fa #fd6dd1 25,
  #F4E7FD #BE84FF 26;
  .task-type {
    height: 20px;
    padding: 0 8px;
    line-height: 20px;
    border-radius: 10px;
    font-size: 12px;
    text-align: center;
    @each $bgc, $color, $i in $status {
      &.type#{$i} {
        background: $bgc;
        color: $color;
      }
    }
  }
  .column-creator {
    display: flex;
    align-items: center;
    img {
      width: 32px;
      height: 32px;
      border-radius: 100%;
    }
    span {
      margin-left: 8px;
    }
  }
}
